﻿@{
    ViewBag.Title = "SearchUser";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}


<!DOCTYPE html>

<html>
<head>

<style type="text/css">
.webgrid
{
    width: 100%;
    border: 0px;
    border-collapse: collapse;
}
 
.webgrid a
 {
    color: #000;
 }
  
.webgrid-header
 {
     padding: 6px 5px;
     text-align: left;
     background-color: #e8eef4;
     border-bottom: 2px solid #3966A2;
     height: 40px;
  
     border-top: 2px solid #D6E8FF;
     border-left: 2px solid #D6E8FF;
     border-right: 2px solid #D6E8FF;
 }
 
 
 
 .webgrid-footer
 {
     padding: 6px 5px;
     text-align: center;
     background-color: #e8eef4;
     border-top: 2px solid #3966A2;
     height: 30px;
  
     border-bottom: 2px solid #D6E8FF;
     border-left: 2px solid #D6E8FF;
     border-right: 2px solid #D6E8FF;
 }
 
.webgrid-alternating-row
{
    height: 30px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d2d2d2;
 
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
 }
  
 .webgrid-row-style
{
     height: 30px;
     border-bottom: 1px solid #d2d2d2;
  
     border-left: 2px solid #D6E8FF;
     border-right: 2px solid #D6E8FF;
 }
 
 .webgrid-selected-row
{
    font-weight: bold;
 }
</style>
</head>
<body>
    <div >
        <h2>Search User</h2>
      
        @using (Ajax.BeginForm("SearchUserInfo", "Admin", new AjaxOptions()
                                                   {
                                                       HttpMethod = "Post",
                                                       UpdateTargetId = "SearchResult"
                                                   }))
        {
            <table border="0px">
            <tr>
                <td><span>Enter username :</span></td>
                <td><input type="text" id="username" name="SearchUsername" /> </td> 
            </tr>
            <tr>
                <td><span>Choose role :</span> </td>
                <td>
                    <select name="SearchRole">
                    <option value="0">Select Role</option>
                    <option value="1">Member</option>
                    <option value="2">Admin</option>
                    </select> 
                </td> 
            </tr>
            <tr>
                <td><span>Choose status:</span> </td>
                <td>
                    <select name="SearchStatus">
                        <option value="0">Select Status</option>
                        <option value="1">Available</option>
                        <option value="2">Deleted</option>
                    </select>
                </td> 
            </tr>
            </table>
             
            <p>
              <input type="submit" value="Search" />
           </p>
            <div id="SearchResult"> </div>
        }
        
                
     </div>
</body>
</html>